<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2583540_hfhx5x7tjlj.css">
</head>
<body>
    <div class="head">

    </div>
    <div class="contet">
        <div class="box">
            <img src="images/bed8f7edd414e5b8afd788be30b92f9f.jpg">
            <div class="text-box">
                <p>流浪地球<span>2D</span></p>
                <p>观众评分&nbsp;7</p>
                <p>主演:&nbsp;布莱恩辛格拉米马雷克...</p>
                <p>英国&nbsp;美国&nbsp;|&nbsp;135分钟</p>
            </div>
            <span><button>购票</button></span>
        </div>
        <div class="box">
            <img src="images/9e17a42916fe1fb80becc74736ea32ff.jpg">
            <div class="text-box">
                <p>流浪地球<span>2D</span></p>
                <p>观众评分&nbsp;7</p>
                <p>主演:&nbsp;布莱恩辛格拉米马雷克...</p>
                <p>英国&nbsp;美国&nbsp;|&nbsp;135分钟</p>
            </div>
            <span><button>购票</button></span>
        </div>
        <div class="box">
            <img src="images/e2faa90be5a512de432b30d23398f052.jpg">
            <div class="text-box">
                <p>流浪地球<span>2D</span></p>
                <p>观众评分&nbsp;7</p>
                <p>主演:&nbsp;布莱恩辛格拉米马雷克...</p>
                <p>英国&nbsp;美国&nbsp;|&nbsp;135分钟</p>
            </div>
            <span><button>购票</button></span>
        </div>
        <div class="box">
            <img src="images/5cb44c8aa86c4d42ac62e708c2833908.jpg">
            <div class="text-box">
                <p>流浪地球<span>2D</span></p>
                <p>观众评分&nbsp;7</p>
                <p>主演:&nbsp;布莱恩辛格拉米马雷克...</p>
                <p>英国&nbsp;美国&nbsp;|&nbsp;135分钟</p>
            </div>
            <span><button>购票</button></span>
        </div>
        <div class="box">
            <img src="images/87c202d4d2b7cbd9fb53171cb8424e66.jpg">
            <div class="text-box">
                <p>流浪地球<span>2D</span></p>
                <p>观众评分&nbsp;7</p>
                <p>主演:&nbsp;布莱恩辛格拉米马雷克...</p>
                <p>英国&nbsp;美国&nbsp;|&nbsp;135分钟</p>
            </div>
            <span><button>购票</button></span>
        </div>
    </div>
    <div class="foot">
        <div>
            <i class="iconfont icon-dianying"></i>
            <p>电影</p>
        </div>
        <div>
            <i class="iconfont icon-yingyuan"></i>
            <p>影院</p>
        </div>
        <div>
            <i class="iconfont icon-552cd1d5a6521"></i>
            <p>特惠</p>
        </div>
        <div>
            <i class="iconfont icon-wode"></i>
            <p>我的</p>
        </div>
    </div>
</body>
</html>